<!DOCTYPE html>
<html>
<head>
	<title>历史课程</title>
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		.singleCourse {
			margin-bottom: 10px;
		}
		.historyCourse {
			align-items: center;
			justify-content: space-around;
		}
		.historyCourse img {
			width: 48px;
			height: 48px;
		}
		.historyCourse .ticks {
			width: 37px;
			height: 37px;
		}
		.historyCourse .courseName {
			font-size: 17px;
			color: #42323d;
			line-height: 17px;
		}
		.historyCourse .summary {
			font-size: 14px;
			color: #42323d;
			margin-top: 9px;
		}
	</style>
</head>
<body>
	<div class="mainContent">
		<div class="hasCourse">
			<div class="singleCourse historyCourse">
				<img src="./statics/img/history/course.png">
				<div class="courseIntr">
					<span class="courseName">5月25日课程</span>
					<span class="summary">课本总结：这篇文章已掌握</span>
				</div>
				<img src="./statics/img/history/tick.png" class="ticks">
			</div>
			<div class="singleCourse historyCourse">
				<img src="./statics/img/history/course.png">
				<div class="courseIntr">
					<span class="courseName">5月25日课程</span>
					<span class="summary">课本总结：这篇文章已掌握</span>
				</div>
				<img src="./statics/img/history/untick.png" class="ticks">
			</div>
		</div>
	</div>
</body>
</html>